<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
 <head>
  <title>CSS Lists: Simple Image Bullets</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/list/001.html"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
  <style type="text/css">
   .li { list-style: url(support/square-purple.png) disc inside; display: list-item; border: solid; }
   .img { border: solid; }
  </style>
 </head>
 <body>
  <p>The following two boxes should be identical to the pixel.</p>  
  <table> <tr> 
   <td> <div class="li"></div> </td>
   <td> <div class="img"><img src="support/square-purple.png" alt="FAIL"/></div> </td>
  </tr> </table>
 </body>
</html>
